<template>
  <div class="zdy-loading" :style="{'background-color': backgroundColor}">
    <a-spin></a-spin>
  </div>
</template>

<script>
export default {
  name: "ZdyLoading",
  props: {
    backgroundColor: {
      type: String,
      default: "rgba(255, 255, 255, 0.6)",
    },
  },
}
</script>

<style lang="less" scoped>
.zdy-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  // background: rgba(255, 255, 255, 0.6);
  z-index: 99999;
}
</style>